import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Login from '@/pages/login/login'
import Home from '@/pages/home/home'
import Phone from '@/pages/home/children/phone'
import Clothes from '@/pages/home/children/clothes'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/login',
      name: 'Login',
      component: Login,
      props: (route) => ({id: route.query.id})
    },
    {
      path: '/home',
      name: 'Home',
      component: Home,
      children: [
        {
          path: 'phone',
          component: Phone
        },
        {
          path: 'clothes',
          component: Clothes
        }
      ]
    }
  ]
})
